<template>
<div id="container" class="text-white bg-primary-300 min-h-screen pb-4">
    <Header></Header>
    <MovieBox></MovieBox>
    <Footer></Footer>
</div>
</template>


<script setup>
import { ref } from 'vue'
import { useRoute,useRouter } from 'vue-router'
import axios from 'axios'
import Footer from '@/components/Footer.vue'
import Header from '@/components/Header.vue'
import MovieBox from '@/components/MovieBox.vue'

defineOptions({
    name: 'MovieDetailView',
})

const route = useRoute()
const movieId = ref(route.params.id)
</script>

<style lang="scss">
</style>